.el-row {
    margin-top: 16px;
    &:last-child {
    margin-bottom: 0;
    }
    border: none;
}
.grid-content {
    height: .72rem;
}

.index-serch-bar{
    
    width: 7.5rem;
    position: fixed;
    top: .8rem;
    left: 0;
    z-index: 10;
    background: #000;
}

.location{
    img{
        display: block;
        width: .47rem;
        height: .72rem;
    }
}

.serch{
    border-radius: .5rem .5rem;
    min-width: 5.40rem;
    padding: 0 .35rem;
    margin-left: .30rem;
    position: relative;
    img{
        display: block;
        width: .40rem;
        position: absolute;
        left: .40rem;
        top: .16rem;
    }
}

// 搜索框样式
#serch{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50px 50px;
    padding-left: .60rem;
    font-size: .28rem;
    color: white;
}

// 定位显示
.location{
    min-width: 1rem;
    margin-right: .30rem;
    display: flex;
    justify-content: right;
    #location{
        color: white;
        font-size: 0.22rem;
        line-height: .72rem;
    }
}

.serchdisplay{

    width: 6.9rem;
    // height: 100px;
    z-index: 10;
    background: #000;
    position: fixed;
    // overflow: hidden;
    border-radius: .12rem;
    top: 2.4rem;
    left: .3rem;
    box-shadow: 0 0 .15rem rgb(24, 24, 24);

    ul{
        li{
            width: 100%;
            line-height: .6rem;
            font-size: .26rem;
            color: white;
            padding: 0 .3rem;
        }
        li:hover{
            background: #1c1c1f;
            color: #d99812;
        }
    }
}


